<template>
	<view class="content">
		<u-back-top duration="400" :scroll-top="scroll" z-index="200" :icon-style="iconStyle" :custom-style="customStyle"></u-back-top>
	</view>
</template>
<script>
export default {
	name: 'CustomButton',
	data() {
		return {
			iconStyle:{
				fontSize: '50rpx',
				color: '#FFF'
			},
			customStyle:{
				backgroundColor: '#0DA297',
				width:'100rpx',
				height:'100rpx',
				boderRadius:'50%',
				textAlign:'center',
				lineHeight:'84rpx',
				position:'fixed',
				right:'60rpx',
				bottom:'200rpx'
			}
		};
	},
	props: {
		scroll: {
			type: Number,
			default:0
		},
	},
	methods:{
		handleClick(){
			this.$emit('click');
		}
		
	}
};
</script>

<style lang="scss" scoped>
	.button-wrap{
		text-align: center;
		font-size: 30rpx;
		padding:30rpx 0;
		color:#fff;
		min-width:200rpx;
		
	}
	.loading{
		padding-right: 10rpx;
	}
	.text,.loading{
		display: inline-block;
		vertical-align: middle;
	}
	</style>
